<template>
	<view>
		<u-navbar back-text="登录" :customBack="back" :borderBottom="false" :background="background"
			:back-text-style="{'color':'#fff'}" backIconColor="#fff"></u-navbar>
		<view class="home center">
			<view>
				<!-- logo -->
				<u-image src="/static/banner3.jpg" height="450" borderRadius="12"></u-image>
			</view>
			<view class="u-p-t-30">
				<view class="wxname">大席小菜</view>
				<view class="u-font-12 u-tips-color u-m-b-50">找菜谱，就上大席小菜</view>	
				<u-button type="success" shape="circle" @click="login()">微信授权登录</u-button>
				<view class="center u-tips-color u-p-t-50" @click="back()">取消</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				background: {
					'background-image': 'linear-gradient(45deg, rgb(28, 187, 180), rgb(141, 198, 63))'
				},
			}
		},
		onLoad() {

		},
		methods: {
			back() {
				return this.$common.switchTabTo('/pages/index/index')
			},
			login() {
				// 登录方法
			},
			
		}
	}
</script>

<style lang="scss">
	page{
		background-color: #fff;
	}
	.center {
		text-align: center;
	}

	.wxname {
		padding-bottom: 20rpx;
		font-size: 38rpx;
		font-weight: bold;
	}
</style>
